<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<style>
ul {
	margin: 8px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
	margin-top: 3%;
}

a {
	font-size: 12px;
	text-decoration: none;
	color: black; 
}

.li_chapter3 {
	line-height: 24px;
	list-style: none;
	margin: 0px;
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.li_chapter4 {
	line-height: 24px;
	list-style: none;
	padding-left: 20px;
	margin: 0px;
	width: 45%;
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}
a:hover {
	cursor: pointer;
}
/* ul li {
 list-style: none;
 margin: 0px;
 padding:0px;
} */
</style>
<script>
		function good(classId,zuoyeClassId){
			var bol = $('#tabs').tabs('exists', '老师阅卷');
			if(bol) {
				$("#tabs").tabs('close','老师阅卷');  
			}
				$('#tabs').tabs('add', {
					title: '老师阅卷',
					closable: true,
					href: 'jiaoxue/jx-yuejuan' + (classId ? ("/" + classId) : "") + (zuoyeClassId ? ("/" + zuoyeClassId) : "")
				});
			
		}
</script>
<div>
	<fieldset id="one"  style="padding: 2%; margin: 2%;border: 0.5px solid #CCC">
		<legend>所有作业如下</legend>
		 <ul>
	<c:forEach items="${maps }" var="map" varStatus="state" >
		<c:if test="${state.index % 2 == 0 }">
			<li class="li_chapter3">
				<a  onclick="good(${map.class_id },${map.id })"> 
					<img src="public/images/icon-level.png" style="margin-top: 2%;" />
				    <span>${map.class_name } &nbsp;&nbsp;  ${map.phase_name }${map.chapter_name } &nbsp;&nbsp; &nbsp;&nbsp;  ${map.zuoye_name}</span>
				</a>
			</li>
		</c:if>
		<c:if test="${state.index % 2 != 0 }">
			<li class="li_chapter4">
				<a  onclick="good(${map.class_id },${map.id })">
					<img src="public/images/icon-level.png" style="margin-top: 2%;" />
				    <span>${map.class_name } &nbsp;&nbsp;  ${map.phase_name }${map.chapter_name } &nbsp;&nbsp; &nbsp;&nbsp;  ${map.zuoye_name}</span>
				</a>
			</li>
		</c:if>
	</c:forEach>
</ul>
	</fieldset>
</div>